<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>
        <style>
            .test {
                width: 300px;
                height: 200px;
                position: relative;
                margin: auto;
                overflow: hidden;
                border: 5px solid;
                border-image: linear-gradient(45deg, gold, deeppink) 1;
                clip-path: inset(0px round 5px);
                animation: div6Ani 3s infinite linear;
                filter: hue-rotate(360deg)
            }

            @keyframes div6Ani {
                0% {
                    filter: hue-rotate(0deg)
                }

                100% {
                    filter: hue-rotate(360deg);
                }
            }
        </style>
        <div class="test">
            <img src="https://pic.imgdb.cn/item/65af5fce871b83018a1787f3.gif?search=yNq43MTgt+PJ5cXowey9yLnMtdOx1tW00LjMu8i/xMPAxrzKuM600bDV1NnQtsy6yL7EwcDFvMm4zLTQsNTU19DbxLnAvbzAuMS0yLDO1NLQ1szZyLbEucC9vMG4xLSisKbUqdCtzLHItMS4wLy8v7jDtMewpNSo0KzMr8izxLfAury+uMW0ybDM1KrQrsyxwLW8ubi8tMCwxNTH0KPMp8irxK7AsrzuuPG09bD51PzQosymyKnErcCxvOy48LT3sPvT/s+ky6g=qlogo.cnx6vDr7+zu7a38rP21/nT/c+jy6bHqsOut7Gz69fv0/PP98v6x9jD3L/fu+O357Pt1/HT9c/4y/zHosPdv+G75bfos+zX8NPzz/fL+8f+w6S/4Lvjt+ez69fu0/LP9sv5x/3D2b/ds+TX6NPrz8nLzcfQw9S/2Lvbt9+z49fm0+rP7svLx8/D07/Wu9q33rPh1+XT6c/sy/DHzsPRv9W72Q==" alt="">
        </div>
        <script>
            
        </script>
    </div>
</body>

</html>